<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript">
		window.onload = function  () {

			var father = document.getElementById('father');

			var xbs = document.getElementById('xbs');

			var abc = document.createElement('span');

			var son = document.getElementById('son');

			abc.innerHTML ="学并思";

			abc.style.color ="red";


			abc1 = abc.cloneNode(true);


			father.appendChild(abc1);

			xbs.appendChild(abc);


			father.removeChild(son);
			
		}

	</script>
</head>
<body>
	<p id="father">
		<a href="" id="son">百度一下</a>
	</p>
	<p id="xbs"></p>
</body>
</html>